import { createNamespacedHelpers } from "vuex";

const { mapState, mapMutations } = createNamespacedHelpers("editor");

import lcd_engine from "@/lcd.engine.js";

const { renderer } = lcd_engine;

export default {
  data() {
    return {
      renderer,
    };
  },
  computed: {
    ...mapState([
      "layout",
      "scale",
      "getComponentList",
      "selectStack",
      "status",
      "canvasStyle",
      "selectCanvas"
    ]),
  },
  methods: {
    ...mapMutations([
      "handleStatus",
      "handleAddComponent",
      "handleUpdateComponent",
      "handleUpdateSelect",
      'handleScale',
      "handleSelectCanvas"
    ]),
  },
};
